<!DOCTYPE html>
<html><head>
<style>
    .first {
        transform: translateZ(10px);
        background-color: blue;
        top: 50px;
    }
    .second {
        transform: translateZ(5px);
        background-color: green;
    }
    .leaf {
        width: 100px;
        height: 100px;
        position:absolute;
    }
</style>
</head><body>

<div style="opacity:0.5; transform:translateX(0px)">
    <div class="leaf first"></div>
    <div class="leaf second"></div>
</div>

</body>
</html>

